<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/template/pPrincipal.xhtml">
		<ui:define name="head">
			<title>Asesor 360</title>
		</ui:define>
		<ui:define name="titulopagina">
			<h:outputText value="ASESORES HISTÓRICOS DE CLIENTES" />
		</ui:define>	
 
		<ui:define name="agregaIconoExcelRe"/>
		<ui:define name="agregaIconoPDFRe"/>
		<ui:define name="agregaIconoEmail"/>
		<ui:define name="agregaIconoEjecutivos"/>
		
		<ui:define name="bodyarea">
			<f:event type="preRenderView" listener="#{ejecutivoHistoricoDeClientesController.onPageLoad}"/>
			<p:messages id="messageAsesoresHistoricosClientes" showDetail="true" closable="true" />
			<h:panelGrid columns="1" width="100%" id="idContentMain">
				<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" id="idCriterioBusq"
					cellpadding="5" styleClass="bordePanel" columns="5" width="99%" style="margin-bottom:5px">
					<f:facet name="header">
						<h:outputText value="Criterio de Búsqueda" />
					</f:facet>	
					
					<h:outputText value="Tipo Documento:" style="align-text:right" styleClass="texto"/>
					<p:selectOneMenu  id="cmbTipoDocumento" value="#{ejecutivoHistoricoDeClientesController.ejecutivoHistoricoDeClientesModel.idTipoDocumento}">
						<f:selectItems value="#{ejecutivoHistoricoDeClientesController.comboModel.listaTiposDocumento}" />
					</p:selectOneMenu>
					
					<h:outputText value="Fecha Desde:" styleClass="texto"/>
					<p:calendar id="cFecDesde" value="#{ejecutivoHistoricoDeClientesController.ejecutivoHistoricoDeClientesModel.fechaDesde}" showOn="button" 
						locale="es" showButtonPanel="false" pattern="dd/MM/yyyy" size="12" maxlength="10">
						<p:ajax event="dateSelect" listener="#{ejecutivoHistoricoDeClientesController.validateDateListener}" 
							update=":formPrincipal:messageAsesoresHistoricosClientes"/>
						<p:ajax event="change" listener="#{ejecutivoHistoricoDeClientesController.validateDateListener}" 
							update=":formPrincipal:messageAsesoresHistoricosClientes"/>
					</p:calendar>
					
					<h:outputText value="" />
					
					<h:outputText value="Nro. Documento:" style="align-text:right" styleClass="texto"/>
					<p:inputText size="25" styleClass="inputText" value="#{ejecutivoHistoricoDeClientesController.ejecutivoHistoricoDeClientesModel.nroDocumento}"
						 maxlength="10" id="txtNroDocumento" />
					
					<h:outputText value="Fecha Hasta:" styleClass="texto"/>
					<p:calendar id="cFechasta" value="#{ejecutivoHistoricoDeClientesController.ejecutivoHistoricoDeClientesModel.fechaHasta}" showOn="button"
						locale="es" showButtonPanel="false" pattern="dd/MM/yyyy" size="12" maxlength="10">
						<p:ajax event="dateSelect" listener="#{ejecutivoHistoricoDeClientesController.validateDateListener}" 
							update=":formPrincipal:messageAsesoresHistoricosClientes"/>
						<p:ajax event="change" listener="#{ejecutivoHistoricoDeClientesController.validateDateListener}" 
							update=":formPrincipal:messageAsesoresHistoricosClientes"/>
					</p:calendar>
					
					<p:commandButton icon="ui-icon-search" actionListener="#{ejecutivoHistoricoDeClientesController.buscar}" id="btnBuscar"
						  value="Buscar" update=":formPrincipal:pgResultadosGenerales,:formPrincipal:messageAsesoresHistoricosClientes"/>
					
				</h:panelGrid>	
				<h:panelGrid id="pgResultadosGenerales" width="100%">
					<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
						styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
						<f:facet name="header">
							<h:outputText value="Datos del Cliente" />
						</f:facet>	
						<h:outputText value="No existe información según los criterios de búsqueda ingresados." rendered="#{empty ejecutivoHistoricoDeClientesController.ejecutivoHistoricoDeClientesModel.listaEjecutivosDeCliente}"/>
						<h:panelGrid columns="8" width="100%" style="margin: 0 auto;" rendered="#{not empty ejecutivoHistoricoDeClientesController.ejecutivoHistoricoDeClientesModel.listaEjecutivosDeCliente}">
							<h:outputText value="Nombre/Razón Social:"/>
							<h:outputText value="#{ejecutivoHistoricoDeClientesController.ejecutivoHistoricoDeClientesModel.cliente.nombreCompletoCliente}"/>
							<h:outputText value="#{ejecutivoHistoricoDeClientesController.ejecutivoHistoricoDeClientesModel.cliente.destipdoc}:" />
							<h:outputText value="#{ejecutivoHistoricoDeClientesController.ejecutivoHistoricoDeClientesModel.cliente.nrodoc}"/>
							<h:outputText value="Nombre Perfil:"/>
							<h:outputText value="#{ejecutivoHistoricoDeClientesController.ejecutivoHistoricoDeClientesModel.cliente.nombreperfil}"/>
							<h:outputText value="Fecha de Información:"/>
							<h:outputText value="#{ejecutivoHistoricoDeClientesController.ejecutivoHistoricoDeClientesModel.cliente.fecharegistro}"/>
						</h:panelGrid>	
					</h:panelGrid>
					<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
						styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
						<f:facet name="header">
							<h:outputText value="Histórico de Asignaciones" />
						</f:facet>	
						<p:dataTable id="tablaMetas" value="#{ejecutivoHistoricoDeClientesController.ejecutivoHistoricoDeClientesModel.listaEjecutivosDeCliente}" 
							 styleClass="styleDataTableWrapNormal" var="fila"
							 paginator="true" rows="10"
							 emptyMessage="No existe información." rowIndexVar="rowIndex">
							<p:column>
								<f:facet name="header">
									<h:outputText value="Registro"/>
								</f:facet>
								<h:outputText value="#{fila.codRegistroEjec}" />
							</p:column>
							
							<p:column>
								<f:facet name="header">
									<h:outputText value="Tipo Doc."/>
								</f:facet>
								<h:outputText value="#{fila.descTipoDocumentoEjec}" />
							</p:column>
							
							<p:column>
								<f:facet name="header">
									<h:outputText value="Asesor de Inversiones"/>
								</f:facet>
								<h:outputText value="#{fila.nombreCompletoEjec}" />
							</p:column>
							
							<p:column>
								<f:facet name="header">
									<h:outputText value="Fecha Registro"/>
								</f:facet>
								<h:outputText value="#{fila.fecharegistro}" />
							</p:column>
							
							<p:column>
								<f:facet name="header">
									<h:outputText value="Tipo Asignación"/>
								</f:facet>
								<h:outputText value="#{fila.descTipoAsignacion}" />
							</p:column>
							
							<p:column>
								<f:facet name="header">
									<h:outputText value="Fecha Expiración"/>
								</f:facet>
								<h:outputText value="#{fila.fechaExpiracion}" />
							</p:column>
							
						</p:dataTable>			 
					</h:panelGrid>
				</h:panelGrid>
			</h:panelGrid>
			<p:blockUI block=":formPrincipal:idContentMain" trigger=":formPrincipal:btnBuscar">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Cargando..." style="white-space: nowrap;" />
				</h:panelGrid>
			</p:blockUI>
		</ui:define>
	</ui:composition>
</html>		